<template>
	<view>
		<view class="card">
			<view class="title u-f-jsb">
				<view>账单详情</view>
				<view v-if="billDetail.billStatus==0">审核中</view>
				<view v-else-if="billDetail.billStatus==1">已结算</view>
			</view>
			<view class="content">
				<view class="u-f-jsb">
					<view>账单号</view>
					<view>{{billDetail.billCode}}</view>
				</view>
				<view class="u-f-jsb">
					<view>账单日期</view>
					<view>{{billDetail.creatTime}}</view>
				</view>
				<view class="u-f-jsb">
					<view>项目名称</view>
					<view>{{billDetail.operaName}}</view>
				</view>
				<view class="u-f-jsb">
					<view>银行账号</view>
					<view>{{billDetail.operaName}}</view>
				</view>
				<view class="u-f-jsb">
					<view>开户行</view>
					<view>中国建设银行</view>
				</view>
				<view class="u-f-jsb">
					<view>账户名称</view>
					<view>易烊千玺</view>
				</view>
				<view class="u-f-jsb">
					<view>结算周期</view>
					<view>月</view>
				</view>
				<view class="u-f-jsb">
					<view>账单内容属性</view>
					<view>余额支付</view>
				</view>
				<view class="u-f-jsb">
					<view>账单金额</view>
					<view>￥2367.8</view>
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onLoad(optios) {
			this.id = optios.id;
			this.getBillDetail();
		},
		methods:{
			getBillDetail() {
				this.$u.api._orderDetail({id:biilId}).then(res => {
					console.log(res);
					this.billDetail = res;
				})
			} 
		}
	}
</script>

<style lang="scss">
page {
	background-color: RGBA(245, 245, 245, 1);
}
.card {
	margin-top: 20rpx;
	background-color: #FFFFFF;
	padding: 0rpx 30rpx;
	padding-bottom: 30rpx;
	margin: 20rpx;
	border-radius: 20rpx;
	.title {
		font-size: 32rpx;
		font-weight: 600;
		line-height: 90rpx;
		border-bottom: 1rpx solid rgba(238, 238, 238, 1);
	}
	.content>view {
		line-height: 66rpx;
		font-weight: 600;
		>view:first-child{
			font-weight: 400;
			color: rgba(154, 154, 154, 1);
		}
	}
}


</style>
